<%
model.Game game = (model.Game) session.getAttribute("game");
model.Player player = (model.Player) session.getAttribute("player");
%>
<!-- kaarten links -->
<div class="dichtekaart" style="top:90px; left:25px;"></div>
<div class="dichtekaart" style="top:220px; left:25px;"></div>
<div class="dichtekaart" style="top:350px; left:25px;"></div>
<!-- kaarten boven -->
<div class="dichtekaart" style="top:20px; left:240px;"></div>
<div class="dichtekaart" style="top:20px; left:350px;"></div>
<div class="dichtekaart" style="top:20px; left:460px;"></div>
<!-- kaarten rechts -->
<div class="dichtekaart" style="top:90px; left:684px;"></div>
<div class="dichtekaart" style="top:220px; left:684px;"></div>
<div class="dichtekaart" style="top:350px; left:684px;"></div>

<!-- kaarten onder (speler 1) -->
<div class="kaart" onClick="border(this,'onder');" name="onder" id="0" style="background-image: url(images/<% out.print(player.getCard(0)  == null ? "back" : player.getCard(0));%>.png); top:420px; left:240px;"></div>
<div class="kaart" onClick="border(this,'onder');" name="onder" id="1" style="background-image: url(images/<% out.print(player.getCard(1) == null ? "back" : player.getCard(1));%>.png); top:420px; left:350px;"></div>
<div class="kaart" onClick="border(this,'onder');" name="onder" id="2" style="background-image: url(images/<% out.print(player.getCard(2) == null ? "back" : player.getCard(2));%>.png); top:420px; left:460px;"></div>
<!-- kaarten in het midden -->
<div class="kaart" onClick="border(this,'midden');" name="midden" id="0" style="background-image: url(images/<% out.print(game.getTable().getCard(0) == null ? "back" : game.getTable().getCard(0));%>.png); top:220px; left:190px;"></div>
<div class="kaart" onClick="border(this,'midden');" name="midden" id="1" style="background-image: url(images/<% out.print(game.getTable().getCard(1) == null ? "back" : game.getTable().getCard(1));%>.png); top:220px; left:300px;"></div>
<div class="kaart" onClick="border(this,'midden');" name="midden" id="2" style="background-image: url(images/<% out.print(game.getTable().getCard(2) == null ? "back" : game.getTable().getCard(2));%>.png); top:220px; left:410px;"></div>
<div class="dichtekaart" onClick="border(this,'midden');" name="midden" id="3" style="top:220px; left:520px;"></div>
